<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Detail Page</title>

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

</head>

<body>
<div class="wrapper">
	<!-- header -->
	<header class="header">
    	<div class="logo"><a href="#"><img src="images/logo.png" alt="Your Company" /></a></div>
        <div class="top-head">Mr Support: <strong>1020 xxx 9000</strong> - <strong>support@findhouse.com</strong></div>
        <nav class="menu">
        	<ul>
            	<li class="menu-home"><a href="#">Trang chủ</a></li>
                <li class="menu-about"><a href="#">Giới thiệu</a></li>
                <li class="menu-service"><a href="#">Dịch vụ</a></li>
                <li class="menu-contact"><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
        <div class="clear"></div>
    </header>
    <!-- end header -->
    
      
    <!-- content -->
    <section class="main">
    	<!-- sidebar -->
    	<aside class="sidebar">
        	<span class="side-op"></span>
            <div class="block-search">
                <h2 class="title">Find Your <strong>Property</strong></h2>
                <form class="search-fm">
                	<label>Keyword:</label>
                    <input type="text" class="ipt-box" />
                    <label>Search:</label>
                    <div class="wrap-box">
                    	<span class="check-box check-ipt"><input type="checkbox"/>For rent</span>
                        <span class="check-box"><input type="checkbox"/>For sale</span>
                    </div>
                    <label>Type:</label>
                    <div class="wrap-box">
                    	<span class="check-box"><input type="checkbox"/>Apartment for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Villa for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Office for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>House for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Serviced Apartment for rent</span>
                    </div>
                    <label>Location</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <label>Bedroom</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <label>Keyword</label>
                    <select class="sel-box">
                    	<option>1</option>
                        <option>2</option>
                    </select>
                    <p class="action-s"><input type="submit" value="Search" class="btn-submit" /></p>
                </form>
            </div>
            
            <div class="block-sideimg">
            	<a href="#"><img src="images/home.gif" alt=""/></a>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Apartment</strong> for rent</h2>
                <ul class="list-cate">
                	<li><a href="#">Apartment for rent in District 1</a></li>
                    <li><a href="#">Apartment for rent in District 2</a></li>
                    <li><a href="#">Apartment for rent in District 3</a></li>
                    <li><a href="#">Apartment for rent in District 4</a></li>
                    <li><a href="#">Apartment for rent in District 5</a></li>
                    <li><a href="#">Apartment for rent in District 7</a></li>
                    <li><a href="#">Apartment for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Apartment for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Apartment for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Villa</strong> for rent</h2>
                <ul class="list-cate">
                	<li><a href="#">Villa for rent in District 1</a></li>
                    <li><a href="#">Villa for rent in District 2</a></li>
                    <li><a href="#">Villa for rent in District 3</a></li>
                    <li><a href="#">Villa for rent in District 4</a></li>
                    <li><a href="#">Villa for rent in District 5</a></li>
                    <li><a href="#">Villa for rent in District 7</a></li>
                    <li><a href="#">Villa for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Villa for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Villa for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="title"><strong>Support</strong> online</h2>
                <p class="hotline">Hotline: 0123 xxx xxx</p>
                <ul class="media">
                	<li><a href="#" class="yahoo">Yahoo</a></li>
                    <li><a href="#" class="skype off">Skype</a></li>
                    <li><a href="#" class="facebook">Facebook</a></li>
                </ul>
            </div>
        </aside>
        <!-- sidebar -->
        
        <!-- main content -->
        <section class="main-content">
        	<section class="discrumble">
            	<a href="#">Trang chủ</a>
                <span>>></span>
                <strong>Detail page</strong>
            </section>
            
            <!-- col main -->
            <section class="col-main">
            	<article class="detail">
                	<h1 class="detail-title">Penthouse Central Garden apartment for rent in district 1 with 3bedrooms</h1>
                    <div class="detail-images">
                    	<!---->
                        <div class="slider-wrapper theme-default">
                            <div id="slider2" class="nivoSlider">
                                <a href="#"><img src="images/banner/detail1.jpg" data-thumb="images/banner/thumb/thumb.jpg" alt="" /></a>
                                <a href="#"><img src="images/banner/detail2.jpg" data-thumb="images/banner/thumb/thumb1.jpg" alt="" /></a>
                                <a href="#"><img src="images/banner/detail3.jpg" data-thumb="images/banner/thumb/thumb2.jpg" alt="" /></a>
                                <a href="#"><img src="images/banner/detail1.jpg" data-thumb="images/banner/thumb/thumb.jpg" alt="" /></a>
                                <a href="#"><img src="images/banner/detail2.jpg" data-thumb="images/banner/thumb/thumb1.jpg" alt="" /></a>                         
                            </div>
                        </div>
                      <!---->

                    </div>
                    <div class="detail-cont">
                    	<div class="total-des">
                        	<p><strong>Price:</strong><span class="price-det">$200/month</span></p>
                            <div class="total-des-col">
                            	<p><strong>Interior:</strong>Fully Furnished</p>
                                <p><strong>Type:</strong><a href="#">Apartment for rent</a></p>
                                <p><strong>Room:</strong>3</p>
                                <p><strong>Bedroom:</strong>2</p>
                            </div>
                            <div class="total-des-col">
                            	<p><strong>Code:</strong>AP-20</p>
                                <p><strong>Location:</strong>225 Vo Van Kiet,<a href="#"> District 1</a></p>
                                <p><strong>Level:</strong>Penthouse</p>
                                <p><strong>Sqft:</strong>153sqm</p>
                                <p><strong>Test:</strong>ok</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="description">
                        	<h3 class="des-title">Description</h3>
                            <p>Penthouse Central Garden apartment of District 1 for rent, area: 152m2, 3 bedrooms, 1 balcony, 4 toilets, kitchen, living room....</p>

							<p>Rental/month:1500$/month</p>
                            <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <a href="#">voluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                            <p><strong>Ut enim ad minim veniam, quis nostrud exercitation</strong> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis <b>aute irure dolor in reprehenderit</b> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
                            <ul>
                            	<li>Ut enim ad minim veniam, quis nostrud</li>
                                <li>Excepteur sint occaecat cupidatat non proident</li>
                                <li>Aute irure dolor in reprehenderit</li>
                            </ul>
                            <h4>oluptate velit esse cillum dolore</a> eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa</h4>
                            
                            <h3 class="des-title">Amenities</h3>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table-des">
                              <tr>
                    			<td width="30%"><img src="images/tick.png">Internet</td>
                                <td width="30%"><img src="images/tick.png"> Parking</td>
                                <td width="30%"><img src="images/tick.png">Cable Television</td>
               				 </tr>
                              <tr>
                    			<td width="30%"><img src="images/tick.png">Internet</td>
                                <td width="30%"><img src="images/tick.png"> Parking</td>
                                <td width="30%"><img src="images/tick.png">Cable Television</td>
               				 </tr>
                             <tr>
                    			<td width="30%"><img src="images/tick.png">Internet</td>
                                <td width="30%"><img src="images/tick.png"> Parking</td>
                                <td width="30%"><img src="images/tick.png">Cable Television</td>
               				 </tr>
                             <tr>
                    			<td width="30%"><img src="images/tick.png">Internet</td>
                                <td width="30%"><img src="images/tick.png"> Parking</td>
                                <td width="30%"><img src="images/tick.png">Cable Television</td>
               				 </tr>
                            </table>

                            
                            <h3 class="des-title">Map</h3>
                            <div class="map-api">
                            	<!---->
                                <!--<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=vi&amp;geocode=&amp;q=110+C%C3%A1ch+M%E1%BA%A1ng+Th%C3%A1ng+8,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;aq=4&amp;oq=1&amp;sll=10.782131,106.679467&amp;sspn=0.007831,0.009645&amp;doflg=ptk&amp;ie=UTF8&amp;hq=&amp;hnear=110+C%C3%A1ch+M%E1%BA%A1ng+Th%C3%A1ng+8,+7,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=10.78719,106.686859&amp;spn=0.02951,0.035191&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=vi&amp;geocode=&amp;q=110+C%C3%A1ch+M%E1%BA%A1ng+Th%C3%A1ng+8,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;aq=4&amp;oq=1&amp;sll=10.782131,106.679467&amp;sspn=0.007831,0.009645&amp;doflg=ptk&amp;ie=UTF8&amp;hq=&amp;hnear=110+C%C3%A1ch+M%E1%BA%A1ng+Th%C3%A1ng+8,+7,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=10.78719,106.686859&amp;spn=0.02951,0.035191&amp;z=14" style="color:#0000FF;text-align:left">Xem Bản đồ cỡ lớn hơn</a></small>-->
                            </div>
                            
                        </div>
                        <div class="detail-send">
                        	<div class="send-left">
                            	<h3 class="des-title">Send Enquiry</h3>
                                <div class="form-send">
                                	<form>
                                    	<div class="row">
                                        	<div class="row-left">Name *</div>
                                            <div class="row-right"><input type="text" /></div>
                                        </div>
                                        <div class="row">
                                        	<div class="row-left">Email *</div>
                                            <div class="row-right"><input type="text" /></div>
                                        </div>
                                        <div class="row">
                                        	<div class="row-left">Contact number *</div>
                                            <div class="row-right"><input type="text" /></div>
                                        </div>
                                        <div class="row">
                                        	<div class="row-left">Enquiry *</div>
                                            <div class="row-right"><textarea class="textarea"></textarea></div>
                                        </div>
                                        <div class="row">
                                        	<div class="row-left">&nbsp;</div>
                                            <div class="row-right"><input type="submit" value="Send"/></div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="send-right">
                            	<h3 class="des-title">Agent</h3>
                                <div class="form-send">
                                	<p><strong>Melisa (Mrs.)</strong></p>
                                    <p class="frm-img"><img src="images/about.jpg" alt=""/></p>
                                    <p><strong>Company:</strong><a href="#">Best Real Ltd</a></p>
                                    <p><strong>Mobile:</strong>0123 xxx xxx</p>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        
                        <!-- related real -->
                        <div class="related-real">
                        	<h3 class="des-title">More Apartment for rent</h3>
                        	<ul class="item-grid">
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">One bedroom unfurnished apartment in Saigon Airpor</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item2.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Unfurnished apartment in Saigon Airpor</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">One bedroom unfurnished apartment in Saigon Airpor</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item2.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Unfurnished apartment in Saigon Airpor</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                                <li class="item">
                                    <h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                                    <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                                    <p class="price">Price: <span>$24,000</span></p>
                                </li>
                            </ul>
                            <div class="clear"></div>
                        </div>
                        
                        <!---->
                        <div class="comment">
                        	<h3 class="des-title">Comment</h3>
                        	<!--
                            	FACEBOOK COMMENT API
                            -->
                        </div>
                        
                    </div>
                </article>
            </section>
        </section>
        <!-- end main content -->
        <div class="clear"></div>
    </section>
    <!-- content -->
    
    <!-- footer -->
    <footer class="footer">
    	<p class="foot-left">
        	<a href="#">Apartment for rent in HCMC</a> are members of <a href="#">Apartment for rent in Saigon</a>
        </p>
        <nav class="foot-menu">
        	<ul>
            	<li><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Dịch vụ</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
    </footer>
    <!-- end footer -->
</div>

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

<!--slider-->
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider2').nivoSlider({
			controlNavThumbs: true
			}
		);
	});
</script>

</body>
</html>
